<%@ page language="java" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<%@ include file="../../commons/commons_resource_head.jsp"%>
<title>${htmlTitleText}</title>
<style type="text/css">
* {
 font-family: "Verdana", "Tahoma", "Lucida Grande", "Microsoft YaHei", "Hiragino Sans GB", sans-serif;
}

body {
 background: url(${mimeBase}/system/images/login/loginbg_01.jpg) no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover;
 -o-background-size: cover; background-size: cover;
}

a:link {
 color: #285e8e;
}

.main_box {
 position: absolute; top: 50%; left: 50%; margin-top: -260px; margin-left: -300px; padding: 30px; width: 600px; height: 460px; background: #FAFAFA;
 background: rgba(255, 255, 255, 0.5); border: 1px #DDD solid; border-radius: 5px; -webkit-box-shadow: 1px 5px 8px #888888; -moz-box-shadow: 1px 5px 8px #888888;
 box-shadow: 1px 5px 8px #888888;
}

.main_box .setting {
 position: absolute; top: 5px; right: 10px; width: 10px; height: 10px;
}

.main_box .setting a {
 color: #FF6600;
}

.main_box .setting a:hover {
 color: #555;
}

.login_logo {
 margin-bottom: 20px; height: 45px; text-align: center;
}

.login_logo img {
 height: 45px;
}

.login_msg {
 text-align: center; font-size: 16px;
}

.login_form {
 padding-top: 20px; font-size: 16px;
}

.login_box .form-control {
 display: inline-block; *display: inline; zoom: 1; width: auto; font-size: 18px;
}

.login_box .form-control.x319 {
 width: 319px;
}

.login_box .form-control.x164 {
 width: 164px;
}

.login_box .form-group {
 margin-bottom: 20px;
}

.login_box .form-group label.t {
 width: 120px; text-align: right; cursor: pointer;
}

.login_box .form-group.space {
 padding-top: 15px; border-top: 1px #FFF dotted;
}

.login_box .form-group img {
 margin-top: 1px; height: 32px; vertical-align: top;
}

.login_box .m {
 cursor: pointer;
}

.bottom {
 text-align: center; font-size: 12px;
}

.popover {
 display: inline-table !important;
}
</style>
</head>
<body>
    <!--[if lte IE 7]>
<style type="text/css">
#errorie {position: fixed; top: 0; z-index: 100000; height: 30px; background: #FCF8E3;}
#errorie div {width: 900px; margin: 0 auto; line-height: 30px; color: orange; font-size: 14px; text-align: center;}
#errorie div a {color: #459f79;font-size: 14px;}
#errorie div a:hover {text-decoration: underline;}
</style>
<div id="errorie"><div>您还在使用老掉牙的IE，请升级您的浏览器到 IE8以上版本 <a target="_blank" href="http://windows.microsoft.com/zh-cn/internet-explorer/ie-8-worldwide-languages">点击升级</a>&nbsp;&nbsp;强烈建议您更改换浏览器：<a href="http://down.tech.sina.com.cn/content/40975.html" target="_blank">谷歌 Chrome</a></div></div>
<![endif]-->
    <div class="main_box">
        <div class="setting">
            <a href="javascript:;" onclick="choose_bg();" title="更换背景">
                <span class="glyphicon glyphicon-th-large"></span>
            </a>
        </div>
        <div class="login_box">
            <div class="login_logo">
                <%--  <img src="images/logo.png" >--%>
                <h2>${ htmlTitleText}</h2>
                <c:if test="${ loginError !=null}">
                    <label class="block clearfix alert alert-danger" style="padding: 7px; width: 100%">登陆失败： ${loginError} </label>
                </c:if>
            </div>
            <div class="login_form">
                <input type="hidden" value="${randomKey }" id="j_randomKey" />
                <form id="login_form" action="/manage/login/logincheck" method="POST">
                    <input type="hidden" name="sign" value="" />
                    <input type="hidden" name="session_id" value="${pageContext.session.id}" />
                    <div class="form-group">
                        <label for="j_username" class="t">用户名：</label>
                        <input id="j_username" value="" name="username" type="text" placeholder="请输入用户名" class="form-control x319 in">
                    </div>
                    <div class="form-group">
                        <label for="j_password" class="t">密 码：</label>
                        <input id="j_password" value="" name="password" type="password" placeholder="请输入密码" class="form-control x319 in">
                    </div>
                    <div class="form-group">
                        <label for="j_captcha" class="t">验证码：</label>
                        <input id="j_captcha" name="j_captcha" type="text" class="form-control x164 in">
                        <img id="captcha_img" alt="点击更换" title="点击更换" src="/manage/captcha" class="m" onclick="changeCode();">
                    </div>
                    <div class="form-group">
                        <label class="t"></label>
                        <%-- 
						<label for="j_remember" class="m">
							<input id="j_remember" name="_spring_security_remember_me"type="checkbox" value="true">
							&nbsp;记住登陆账号!
						</label>
						--%>
                    </div>
                    <div class="form-group space">
                        <label class="t"></label>
                        <input type="submit" id="login_ok" value="&nbsp;登&nbsp;录&nbsp;" class="btn btn-primary btn-lg">
                        &nbsp;&nbsp;&nbsp;&nbsp;
                        <input type="reset" value="&nbsp;重&nbsp;置&nbsp;" class="btn btn-default btn-lg">
                    </div>
                </form>
            </div>
        </div>
        <div class="bottom">
            Copyright &copy; 2015 - 2016
            <a href="#">${htmlTitleText}</a>
        </div>
    </div>
    <%@ include file="../../commons/commons_resource_foot.jsp"%>
    <script type="text/javascript">
					$(function() {
						//选择背景
						choose_bg();
						$("#j_username").focus();
						/* $("#login_form").submit(function() {
							var issubmit = true;
							var i_index = 0;
							$(this).find('.in').each(function(i) {
								if ($.trim($(this).val()).length == 0) {
									$(this).css('border', '1px #ff0000 solid');
									issubmit = false;
									if (i_index == 0)
										i_index = i;
								}
							});
							if (!issubmit) {
								$(this).find('.in').eq(i_index).focus();
								return false;
							}
							$("#login_ok").attr("disabled", true).val('登陆中..');
						}); */
					});
					function changeCode() {
						$("#captcha_img").attr("src", "/manage/captcha?t=" + new Date().getTime());
					}
					/** 换背景*/
					function choose_bg() {
						var bg = Math.floor(Math.random() * 9 + 1);
						$('body').css('background-image', 'url(${mimeBase}/system/images/login/loginbg_0' + bg + '.jpg)');
					}
				</script>
    <script src="${mimeBase}/vendors/sha256/sha256.js?v=${version}"></script>
    <script src="${mimeBase}/system/scripts/system_login.js?v=${version}"></script>
</body>
</html>
